<?php 
include 'header.php';
?>
<body>
<div class="tbl_conteudo">
<div class="topo_lista">
<h3>Cadastro de Participante</h3>
<div class="clr"></div></div>
<div class="tabela">
    <div id="contactform">
        <form id="form1" action="usuariosModel.php?funcao=inserir" method="post" ><br>
            <fieldset>
               <label for="nome">Nome:</label>
				<input type="text" name="tbUsuariosNome" id="nome" class="input"/></br>
			<label for="cpf">Cpf:</label>
				<input type="text" name="tbUsuariosCpf" id="cpf" class="input" /></br>
			<label for="rg">Rg:</label>
				<input type="text" name="tbUsuariosRg" id="rg"  class="input" maxlength="10" /></br>
			<label for="sexo">Sexo:</label>
				<select name="tbUsuariosGenero" id="sexo" class="input" required ><br />
							<option value=""> Selecione o sexo</option>
							<option value="M"> M</option>
							<option value="F">F</option>
						</select><br>
			<label for="telefone">Telefone:</label>
				<input type="text" name="tbUsuariosTelefone" id="telefone" class="input"/></br>
			<label for="celular">Celular:</label>
				<input type="text" name="tbUsuariosCelular" id="celular"  class="input"/></br>
			<label for="email">Email:</label>
				<input type="text" name="tbUsuariosEmail" id="email" class="input"/></br>
				<label for="ocupacao">Ocupação:</label>
				<input type="text" name="tbUsuariosOcupacao" id="tbUsuariosOcupacao" class="input"/></br>
                                <label for="datanasc">Dt.Nascimento:</label>
				<input type="text" name="tbUsuariosDtNascimento" id="dtNascimento"  class="input"/></br>
                                <label for="senha">Senha:</label>
				<input type="text" name="tbUsuariosSenha" id="celular"  class="input"/></br>
			<label for="instituicao">Intituicao:</label></br>
			<input type="text" name="tbUsuariosInstituicao" id="tbUsuariosInstituicao"  class="input"/></br>
			<label for="cidade">Cidade:</label>
				<input type="text" name="cidade" id="cidade" class="input"/></br>
				<label for="bairro">Bairro:</label>
				<input type="text" name="bairro" id="bairro" class="input"/></br>
				<label for="estado">Endereço:</label>
				<input type="text" name="endereco" id="endereco" class="input"/></br>
				<label for="estado">Estado:</label>
				<input type="text" name="estado" id="estado" class="input"/></br>
				<label for="cep">Cep:</label>
				<input type="text" name="cep" id="cep" class="input"/></br>
		<button class="button" type="submit" value="Salvar">Salvar</button>
                <input class="button" type="reset" value="Limpar" id="s1">
                <a href="usuarios.php" class="button">Voltar</a>
	    </fieldset>
	</form>
    </div>
</div>
<?php include 'footer.php';?>   
    
     <script type="text/javascript">
                       $(function(){
                           $('#dtInicio').mask("99/99/9999");
                           $('#dtFim').mask("99/99/9999");
                           
                         $( "#dtInicio" ).datepicker({
                             showOn: "button",
                             buttonImage: "../images/cal.png",
                             dateFormat: 'dd/mm/yy',
                             showOtherMonths: true,
                             buttonImageOnly: true,
                             dayNames: ['Domingo','Segunda','Terça','Quarta','Quinta','Sexta','Sábado','Domingo'],
                            dayNamesMin: ['D','S','T','Q','Q','S','S','D'],
                            dayNamesShort: ['Dom','Seg','Ter','Qua','Qui','Sex','Sáb','Dom'],
                            monthNames: ['Janeiro','Fevereiro','Março','Abril','Maio','Junho',
                                'Julho','Agosto','Setembro','Outubro','Novembro','Dezembro'],
                            monthNamesShort: ['Jan','Fev','Mar','Abr','Mai','Jun','Jul','Ago','Set','Out','Nov','Dez']
                             });
                             
                             $("#dtFim").datepicker({
                             showOn: "button",
                             buttonImage: "../images/cal.png",
                             dateFormat: 'dd/mm/yy',
                             showOtherMonths: true,
                             buttonImageOnly: true,
                             dayNames: ['Domingo','Segunda','Terça','Quarta','Quinta','Sexta','Sábado','Domingo'],
                            dayNamesMin: ['D','S','T','Q','Q','S','S','D'],
                            dayNamesShort: ['Dom','Seg','Ter','Qua','Qui','Sex','Sáb','Dom'],
                            monthNames: ['Janeiro','Fevereiro','Março','Abril','Maio','Junho',
                                'Julho','Agosto','Setembro','Outubro','Novembro','Dezembro'],
                            monthNamesShort: ['Jan','Fev','Mar','Abr','Mai','Jun','Jul','Ago','Set','Out','Nov','Dez']
                             });
                        });//fim script
                   </script>